<!DOCTYPE html>
<html>

	<head lang="en">
		<title>找攻略</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<!--<script src="/js/loginIntercept.js"></script>-->
		<link rel="stylesheet" href="/js/bootstrap-4.1.1-dist/css/bootstrap.min.css">
		<script src="/js/jquery/jquery.min.js"></script>
		<script src="/js/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="/css/font/css/font-awesome.min.css"/>
		<link rel="stylesheet" href="/css/reset.css"/>
		<link rel="stylesheet" href="/css/myStrategyComment.css"/>
		<script src="/js/plugins/jrender/jrender.min.js"></script>
		<link rel="stylesheet" href="/js/plugins/dialog2/dialog.css"/>
		<script src="/js/plugins/dialog2/dialog.min.js"></script>
		<script src="/js/plugins/form/jquery.form.js"></script>
		<script src="/js/common.js"></script>
		<script src="/js/checkLogin.js"></script>
        <script src="/js/queryAndBlank.js"></script>
		<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
		<script>
			$(function () {
				var strategyId = getParams().id;

				//根据酒店的id查询酒店的明细
                $.get(baseUrl+"/grogshops/"+strategyId+"/room",function (data) {
                    console.log(data);
                    //渲染数据
                    $(".comment").renderValues({list:data},{
                        getHref:getHref
                    })
                    var temp = '';
                    $.each(data,function (index, ele) {
                        console.log(ele);
                        $("#allTravels").renderValues({list:ele},{
                            getHref: getHref
						})
                        $(".room").renderValues({list:ele},{
                            getHref: getHref
						})

                    })
                    $('.region').html(temp);
                })

				//根据酒店的id查询文章内容
				$.get(baseUrl+"/grogshops/"+strategyId+"/comment",function (data) {
                    console.log(data);
                    //渲染数据
					$(".grogshopComment").renderValues({list:data},{

					})
                })

                //给时间选择框绑定点击事件,弹出日历
                $("#reserveForm input[name='checkInTime']").click(function () {
                    WdatePicker({
                        readOnly: true, //只读
                        //设置最大可选时间
                        minDate: new Date()
                    });
                });

			});
		</script>
	</head>

	<body>
	<form id="imageForm" method="post">
		<input type="file" name="file" id="fileInput" hidden/>
	</form>

	<div class="search-head">
		<div class="row nav-search">
			<div class="col-2">
				<a href="javascript:window.history.go(-1)">
					<span><i class="fa fa-chevron-left fa-2x" style="color: white;"></i></span>
				</a>
			</div>
			<!--<div class="col-10">
				<div class="input-group-sm search">
					<input class="form-control searchBtn" placeholder="找酒店">
				</div>
			</div>-->
		</div>


	<div class="col comment-left comment">
       <div render-loop="list">
		<h6 render-html="list.grogshopName">广州酒店</h6><br>
       </div>

		<div >
			<span   style="float: contour">
				<img width="500" height="300" render-src="list.coverUrl">
			</span>
		</div>

	</div>



    </div>
		<div class="card card-container ">
			<form class="form-signin" id="loginForm" method="post" style="background: yellowgreen">
				<p style="white-space:pre-wrap;float: left;font-size: 8px" >
安全须知:
1.为了您人身、财产的安全，请您避免在公开场合暴露贵重物品及大量现金。外出时需时刻看管好首饰、相机等随身物品。
2.游泳、漂流、潜水、浮潜、冲浪、快艇、滑雪、滑冰、热气球、高空跳伞、滑翔伞、动力伞、攀岩、登山、骑马、驾驶、温泉、冲沙、索道、蹦极等活动项目，均存在危险。参与前请根据自身条件，充分参考当地相关部门及其它专业机构的相关公告和建议后量力而行。请您在预订前阅读驴妈妈为您整理各项高风险活动的。《安全须知》
</p>
			</form>
	</div>

	<div class="card card-container ">
		<form class="form-signin" id="reserveForm" method="post" >
			<div class="card card-container ">
				<nobr>
					入住时间<input type="text"  name="checkInTime"  class=" badge-pill" placeholder="入住时间" style="width: 130px;">
					离开时间<input type="text"  name="checkInTime"  class=" badge-pill" placeholder="截止时间" style="width: 130px;">
				</nobr>
			</div>
		</form>
        <div>


			<div id="allTravels" >
				<div class="row detail"  >
					<div class="col" render-loop="list.grogshopRoom">
						<span render-loop="list.room">
                            <nobr>
							<img render-src="list.grogshopRoom.coverUrlGR" width="80" height="70" style="float: left">
                            <p render-html="list.room.name"></p>
                            <p style="float: left">最大入住人数:</p><p render-html="list.grogshopRoom.personNum"></p>
                             </nobr>
						</span>
					</div>



					<!--bigimg-->
					<div class="col bigimg" render-loop="list.grogshopRoom">
						<!--a标签不能跳转data-toggle="buttons"-->
						<div class="btn-group-toggle"  >
							<nobr render-html="list.grogshopRoom.price"></nobr><nobr ><i class="fa fa-jpy" aria-hidden="true"></i>起</nobr><br>
							<a render-fun="getHref" render-key="list.id" data-url="/mine/orderForm.html?id=" class="btn btn-warning  exportExcel">
								立即预定
							</a>
						</div>

					</div >

				</div>
			</div>

        </div>
	</div>

	<h6>酒店简介</h6>
	<div class="card card-container ">
		<form class="form-signin grogshopComment"  method="post" style="background: yellowgreen">
			<p render-html="list.comment">酒店简介</p>
		</form>
	</div>

<!--<p>更多评价内容</p>
	<textarea id="content" class="form-control" rows="5" placeholder="请填写你对该旅游地的评价" ></textarea>-->












	</body>


</html>